.facilitator-top{
	margin: 20px 0;

	.facilitator-links{
		margin-right: 20px;
	}

	.facilitator-item{

		a{
			color: $font-color-second;
			font-size: $font-size;
			&:hover{
				color: $btn-color-default;
			}
		}

		.active-a{
			color: $btn-color-default;
		}

		.facilitator-split{
			margin: 0 10px;
		}
	}
}

.kf-facilitator-item{
	width: 280px;
	height: 298px;
	border: 1px solid $border-color;

	.kf-covers{
		position: relative;
	}

	.cover-bg{
		width:  280px;
		height: 149px;
	}

	.kf-month{
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 997;
		color: $color-acquiesce;
		font-size: $font-size;
		background: $color-default;
		padding: 4px 10px;
		@include opacity(50);
	}
	.kf-wor{
		margin-bottom: 30px;
	}

	.kf-wor{
		position: relative;
	}

	.wor-pa{
		position: absolute;
		top: -48px;
		left: 20px;
		width: 80px;
		height: 80px;
	}

	.wor-head{
		width: 80px;
		height: 80px;
		border: 1px solid $border-color;
		border-radius: $border-radius-second;
	}

	.kf-wor-r{
		position: absolute;
		top: 0;
		left: 120px;
	}

	.wor-link{
		font-size: $font-size;
		color: $font-color-second;
		width: 156px;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		&:hover{
			color: $btn-color-default;
		}
	}

	.kf-rate{
		margin-top: 50px;
		padding: 0 20px;
		font-size: $font-size-xs;
	}

	.rate-btn{
		margin: 16px 0;
		text-align: center;
	}

	.btn-rate{
		padding: 0;
		width: 236px;
		height: 30px;
		line-height: 30px;
		color: $color-acquiesce;
		background: $btn-color-default;
		&:hover{
			@include opacity($pre:80);
		}
	}
}

.kf-facilitator-list{
	width: 576px;
	height: 298px;
	border: 1px solid $border-color;
	border-right: 0;
	border-left: 0;

	.list-item-box{
		height: 148px;
		border-bottom: 1px solid $border-color;
	}

	.list-item-box:last-child{
		border-bottom: 0;
	}

	.list-item{
		width: 49.9%;	
		height: 100%;
	}

	.list-item:nth-child(2n+1){
		border-right: 1px solid $border-color;
	}

	.list-head{
		width: 80px;
		height: 80px;
		margin: 34px 20px 0 20px;
		img{
			width: 80px;
			height: 80px;
			border: 1px solid $border-color;
			border-radius: $border-radius-second;
			
		}	
	}

	.list-cont{
		margin-top: 32px;
	}

	.list-cont-tit{
		display: inline-block;
		width: 150px;
		color: $font-color-second;
		margin-bottom: 20px;
		&:hover{
			color: $btn-color-default;
		}
	}

	.list-cont-p{
		margin: 6px 0;
		font-size: $font-size-xs;
		color: $font-color-second;
	}
	
}

.kf-facilitator-hot{
	width: 338px;
	height: 298px;
	border: 1px solid $border-color;

	.kf-hot-tit{
		width: 100%;
		height: 48px;
		line-height: 48px;
		text-align: center;
		color: $font-color;
		font-size: $font-size-s;
		background: $bg-color;
		border-top: 1px solid $border-color-default;
	}

	.uk{
		width: 100%;
		height: 84px;
		border-bottom: 1px solid $border-color;
	}

	.uk:last-child{
		border: none;
	}

	.uk-head{
		margin: 8px 24px 8px 14px;
	}

	.uk-head img{
		width: 60px;
		height: 60px;
		border: 1px solid $border-color;
		border-radius: $border-radius-second;
	}

	.uk-cont{
		padding: 10px 0;
		font-size: $font-size;
		color: $font-color-second;

		p{
			line-height: 28px;
		}

		.uk-cont-tit{
			display: inline-block;
			width: 170px;
			color: $font-color-second;
			&:hover{
				color: $btn-color-default;
			}
		}
	}

	.uk-tab{
		font-size: $font-size-s;
		color: $mark-color-second;
	}

	.uk-top{
		width: 36px;
		height: 40px;
		margin-top: 20px;
		margin-right: 20px;
	}

	.uk-top1{
		background: url(../images/index/top1.png) no-repeat;
	}

	.uk-top2{
		background: url(../images/index/top2.png) no-repeat;
	}

	.uk-top3{
		background: url(../images/index/top3.png) no-repeat;
	}

}



